/* 中间块 */
.center-block {
  width: 2.16rem;
  margin: .3rem .2rem;
  background-color: #091322;
  border-radius: .04rem;
  color: #fff;
}

.center-block-title {
  padding: .25rem;
  display: flex;
  position: relative;
}

.center-block-title img {
  width: .2rem;
  height: .2rem;
}

.center-block-title img:nth-child(3) {
  position: absolute;
  right: .25rem;
  cursor: pointer;
}

.center-block-title img:nth-child(3):hover {
  opacity: .7;
}

.center-block-content {
  padding: 0 .1rem;
  height: calc(100% - .95rem);
  overflow: auto;
}

.knowledgebase-list li {
  padding: 0.13rem;
  display: flex;
  align-items: center;
  border-radius: .08rem;
  cursor: pointer;
  position: relative;
  margin: .05rem 0;
}

.knowledgebase-list li:hover {
  background-color: #496286;
}

.knowledgebase-list .active {
  background-color: #496286;
}

.knowledgebase-list li img {
  width: .2rem;
  height: .2rem;
  margin-right: .1rem;
}

/* end */

/* 右边块 */
.right-block {
  width: 14rem;
  margin: .3rem .2rem .3rem 0;
  background-color: #091322;
  border-radius: .04rem;
}

.table-tool {
  display: flex;
  justify-content: space-between;
  margin: .2rem;
}

.table-tool input {
  width: 2.5rem;
  background-color: #0C192D;
  color: #fff;
  border: none;
}

.table-tool .layui-input-suffix.layui-input-split {
  background-color: #1C2E4B;
  border: none;
  cursor: pointer;
}

.table-tool .layui-input-affix .layui-icon {
  color: #54CFFF;
}

.table-tool .layui-input-affix .layui-icon:hover {
  color: #FFF;
}

.table-tool .layui-input-wrap {
  border: .01rem solid #829CBF;
  border-radius: .04rem;
}

.tool-btns .layui-btn:nth-child(1) {
  background-color: rgba(33, 251, 232, 0.5);
}

.tool-btns .layui-btn:nth-child(2) {
  background-color: rgba(33, 126, 251, 0.5);
}

.tool-btns .layui-btn:nth-child(3) {
  background-color: rgba(251, 33, 187, 0.5);
}

.tool-btns .layui-btn:nth-child(4) {
  background-color: rgba(117, 33, 251, 0.5);
}

.tool-btns .layui-btn {
  border-radius: .12rem;
}



/* end */

/* 弹窗 */
.default-layer {
  background-color: #242D3E;
}

.default-layer .layui-layer-msg {
  border: none;
}

.default-layer .layui-layer-title {
  font-size: .18rem;
  color: #fff;
  border-bottom: none;
}

#add-from input,
#upload-from input {
  /* width: 2.85rem; */
  height: .44rem;
  background-color: #1B2636;
  border-radius: .08rem;
  border: .01rem solid #7383A0;
  color: #fff;
}

#add-from .layui-textarea {
  background-color: #1B2636;
  border-radius: .08rem;
  border: .01rem solid #7383A0;
  color: #fff;
}

.layui-input-wrap .layui-input-suffix.layui-input-split {
  border-color: #7383A0;
}

.layui-input-wrap .layui-input-number .layui-icon-up {
  border-bottom: 1px solid #7383A0;
  color: #fff;
}

.layui-input-wrap .layui-input-number .layui-icon-down,
.layui-form-checkbox[lay-skin="primary"]>div {
  color: #fff;
}

.upload-btn {
  border-radius: .04rem;
  background-color: #2A3C5A;
  border: .02rem dashed #398CFF;
  padding: .2rem;
  cursor: pointer;
}

.upload-btn:hover {
  opacity: .7;
}

.deleteBtn:hover {
  color: #398CFF;
}

/* end */

.layui-layer-shade {
  z-index: -1 !important
}